﻿<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="apple-mobile-web-app-status-bar-style" content="black" />
    <meta name="format-detection" content="telephone=no" />
    <meta name="format-detection" content="email=no" />
    <meta name="keywords" content="关键词" />
    <meta name="description" content="描述" />
    <title></title>
    <link href="style/style.css" rel="stylesheet" />
    <link href="js/fancybox/jquery.fancybox.min.css" rel="stylesheet" />
    <!--[if lt IE 9]>
    <script src="js/respond.min.js"></script>
    <![endif]-->
</head>
<body>
    <div class="headerBg clearfix">
        <div class="baseWidth bc">
            <ul class="headerLinks">
                <li><a href="#">加入明德</a></li>
                <li><a href="#">活动预约</a></li>
                <li><a href="#">场地申请</a></li>
                <li><a href="#">资料下载</a></li>
            </ul>
        </div>
    </div>
    <!--header end-->

    <div class="baseWidth bc clearfix header">
        <a href="Default.html" class="logo"><img src="images/logoHeader.jpg" /></a>
        <!--logo end-->
        <ul class="menu clearfix">
            <li>
                <a href="Info.html">关于明德</a>
            </li>
            <li>
                <a href="Info.html">书院生活</a>
                <ul class="menuChild">
                    <li><a href="Info.html">组织架构</a></li>
                    <li><a href="Info.html">组织架构</a></li>
                    <li><a href="Info.html">组织架构</a></li>
                </ul>
            </li>
            <li>
                <a href="Info.html">书院课程</a>
                <ul class="menuChild">
                    <li><a href="Info.html">组织架构</a></li>
                    <li><a href="Info.html">组织架构</a></li>
                    <li><a href="Info.html">组织架构</a></li>
                </ul>
            </li>
            <li>
                <a href="Info.html">书院制度</a>
            </li>
            <li>
                <a href="Info.html">团学建设</a>
            </li>
        </ul>
        <!--菜单 end-->
        <div class="search clearfix">
            <input type="button" class="btnSearch" value=""/>
            <div class="box">
                <input type="text" class="txtKeyword" />
            </div>
        </div>
        <!--search end-->
    </div>
    <!--header end-->


    <div id="sliderBox" class="bc sliderBox">
        <div class="bd">
            <ul>
                <li>
                    <a href="#" target="_blank">
                        <img src="images/BannerHome.jpg" />
                        <div class="textBg">
                            <p class="baseWidth bc ellipsis">汕头大学于新近批准设立了生物医学工程系</p>
                        </div>
                    </a>
                </li>
                <li>
                    <a href="#" target="_blank">
                        <img src="images/BannerHome.jpg" />
                        <div class="textBg">
                            <p class="baseWidth bc ellipsis">汕头大学生物医学工程系的设立得益于汕大基础良好</p>
                        </div>
                    </a>
                </li>
                <li>
                    <a href="#" target="_blank">
                        <img src="images/BannerHome.jpg" />
                        <div class="textBg">
                            <p class="baseWidth bc ellipsis">汕头大学于新近批准设立了生物医学工程系</p>
                        </div>
                    </a>
                </li>
                <li>
                    <a href="#" target="_blank">
                        <img src="images/BannerHome.jpg" />
                        <div class="textBg">
                            <p class="baseWidth bc ellipsis">汕头大学生物医学工程系的设立得益于汕大基础良好</p>
                        </div>
                    </a>
                </li>
                <li>
                    <a href="#" target="_blank">
                        <img src="images/BannerHome.jpg" />
                        <div class="textBg">
                            <p class="baseWidth bc ellipsis">汕头大学生物医学工程系的设立得益于汕大基础良好</p>
                        </div>
                    </a>
                </li>
            </ul>
        </div>
        <div class="icon">
            <div class="hd">
                <ul></ul>
            </div>
        </div>
    </div>
    <!--图片轮播 end-->

    <div class="baseWidth bc clearfix">
        <dl class="homeNews">
            <dt>
                <h2>最新通知</h2>
                <a class="more">更多...</a>
            </dt>
            <dd>
                <ul class="list">
                    <li class="clearfix">
                        <a href="#">
                            <div class="img">
                                <img src="images/news1.jpg" class="img-responsive">
                            </div>
                            <div class="cont">
                                <h3 class="title ellipsis">汕头大学生物医学工程系的设立得益于汕大基础良好</h3>
                                <div class="info">汕头大学生物医学工程系大设立得益于汕大基础良好汕头大学生物医学工程系的设立得益于汕大基础良好</div>
                                <div class="date">2018-8-17</div>
                            </div>
                        </a>
                    </li>
                    <li class="clearfix">
                        <a href="#">
                            <div class="img">
                                <img src="images/news1.jpg" class="img-responsive">
                            </div>
                            <div class="cont">
                                <h3 class="title ellipsis">汕头大学生物医学工程系的设立得益于汕大基础良好</h3>
                                <div class="info">汕头大学生物医学工程系大设立得益于汕大基础良好汕头大学生物医学工程系的设立得益于汕大基础良好</div>
                                <div class="date">2018-8-17</div>
                            </div>
                        </a>
                    </li>
                </ul>
            </dd>
        </dl>
        <!--最新通知-->

        <dl class="homeNews">
            <dt>
                <h2>书院要闻</h2>
                <a class="more">更多...</a>
            </dt>
            <dd>
                <ul class="list">
                    <li class="clearfix">
                        <a href="#">
                            <div class="img">
                                <img src="images/news1.jpg" class="img-responsive">
                            </div>
                            <div class="cont">
                                <h3 class="title ellipsis">汕头大学生物医学工程系的设立得益汕头大学生物医学工程系的设立得益于汕大基础良好于汕大基础良好</h3>
                                <div class="info">汕头大学生物医学工程系大设立得益于汕大基础良好汕头大学生物医学工程系的设立得益于汕大基础良好</div>
                                <div class="date">2018-8-17</div>
                            </div>
                        </a>
                    </li>
                    <li class="clearfix">
                        <a href="#">
                            <div class="img">
                                <img src="images/news1.jpg" class="img-responsive">
                            </div>
                            <div class="cont">
                                <h3 class="title ellipsis">汕头大学生物医学工程系的设立得益于汕大基础良好</h3>
                                <div class="info">汕头大学生物医学工程系大设立得益于汕大基础良好汕头大学生物医学工程系的设立得益于汕大基础良好</div>
                                <div class="date">2018-8-17</div>
                            </div>
                        </a>
                    </li>
                </ul>
            </dd>
        </dl>
        <!--书院要闻-->
    </div>
    <!-- 最新通知 书院要闻 end -->

    <div class="homeAboutUs">
        <div class="baseWidth bc">
            <h3 class="tc">汕头大学生物医学工程系的设立得益于汕大基础良好</h3>
            <p class="tc">汕头大学生物医学工程系大设立得益于汕大基础良好汕头大学生物医学工程系的设立得益于汕大基础良好</p>
        </div>
    </div>
    <!--书院简介 end-->

    <dl class="baseWidth bc homeStudy">
        <dt>学在明德</dt>
        <dd>
            <ul class="list clearfix">
                <li>
                    <a href="#">
                        <img src="images/news2.jpg" class="img-responsive">
                        <p class="title ellipsis">书院活动——巴西柔术</p>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <img src="images/news2.jpg" class="img-responsive">
                        <p class="title ellipsis">书院活动——巴西柔术</p>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <img src="images/news2.jpg" class="img-responsive">
                        <p class="title ellipsis">书院活动——巴西柔术</p>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <img src="images/news2.jpg" class="img-responsive">
                        <p class="title ellipsis">书院活动——巴西柔术</p>
                    </a>
                </li>
            </ul>
        </dd>
    </dl>
    <!--学在明德 end -->

    <div class="footerBg">
        <div class="baseWidth bc clearfix footer">
            <img src="images/logoFooter.jpg" class="logo" />
            <!--logo end -->
            <div class="contact">
                <p>明德书院</p>
                <p>电话：邮箱：</p>
                <p>Copyright @ 汕头大学明德书院 All rights reserved.</p>
            </div>
            <!--联系方式 end -->
            <dl class="links">
                <dt>常用链接：</dt>
                <dd>
                    <ul class="list">
                        <li><a href='http://oa.stu.edu.cn/' target='_blank'>办公信息网</a></li
                        <li><a href='http://newsao.stu.edu.cn/' target='_blank'>学生事务系统</a></li>
                        <li><a href='http://www.stu.edu.cn/' target='_blank'>汕头大学</a></li>
                    </ul>
                </dd>
            </dl>
            <!--常用链接 end -->
        </div>
    </div>

    <script src="js/jquery.min.js"></script>
    <script src="js/jquery.hoverIntent.min.js"></script>
    <!-- 图片轮播 begin -->
    <script src="js/jquery.SuperSlide.2.1.2.js"></script>
    <script type="text/javascript">
        $(function () {
            jQuery(".sliderBox").slide({ titCell: ".hd ul", mainCell: ".bd ul", effect: "leftLoop", vis: "auto", autoPlay: true, autoPage: true, trigger: "click" });
        });
    </script>
    <!-- 图片轮播 end -->
    <script src="js/page.js"></script>
</body>
</html>